<!--注册审核失败-2018/08/03 -->
<template>
  <div class="unregister">
    <van-nav-bar :title="header" left-arrow @click-left="onClickLeft"/>
    <div class="unregister-content">
      <img class="unregister-state-img" src="../../assets/svg/dph_fail.svg" alt="">
      <p class="unregister-text">您的注册信息被驳回，请修改后重新提交</p>
      <div class="unregister-result">
        <span>驳回意见：</span>
        <p>1、资料提供不详尽 <br> 2、手机号码为空号 </p>
      </div>
      <van-button class="unregister-btn" @click="goRegister">马上修改</van-button>
    </div>
  </div>
</template>

<script>
  import { NavBar, Cell, CellGroup, Icon, Toast, Button } from 'vant';
  // import { unRegIcon } from '../../assets/svg/dph_unregister.svg';

  export default {
    name: 'state_no',
    components: {
      [Cell.name]: Cell,
      [CellGroup.name]: CellGroup,
      [Icon.name]: Icon,
      [Toast.name]: Toast,
      [NavBar.name]: NavBar,
      [Button.name]: Button
    },
    data() {
      return {
        header: '聚合支付'
      };
    },
    created() {
      const reason = this.$router.query.reason;
      if (reason) {
        Toast(reason);
      }
    },
    methods: {
      onClickLeft() {
        this.$router.push('/');
      },
      goRegister() {
        this.$router.push('register');
      }
    }
  };
</script>

<style lang="less" scoped>
  .unregister {
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    &-content {
      padding-top: .72rem;
      text-align: center;
    }
    &-text {
      font-size: 13px;
      color: #333;
      text-align: center;
      line-height: .4rem;
    }
    &-result {
      width: 4.68rem;
      margin: .3rem auto;
      text-align: left;
      p, span{
        margin: 0;
        font-weight: normal;
        font-size: 13px;
        line-height: 1.8;
        color: #666;
      }
    }
    &-state-img {
      width: 1.1rem;
      height: 1.1rem;
    }
    &-btn {
      background-color: #FD7D42;
      border: 1px solid #FD7D42;
      color: #fff;
      width: 2.5rem;
      margin: .66rem auto;
    }
  }
</style>
